<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../../themes/default/css/ueditor.css" type="text/css">
<script type="text/javascript" src="../../../../jquery/jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="../internal.js"></script>
<style>
</style>
<title></title>
</head>
<body>

	<div id="edui31_content" class="edui-popup-content edui-default" style="margin:0 auto">

		<div id="edui30" class="edui-colorpicker   edui-default" style="margin:0px 10px">
		
			<div style="margin:5px" >
			线高：<input id="lineHeight" type="number" value="5" min ="1" max="100"  style="width:40px" /> px 
			</div>
			<div class="edui-colorpicker-topbar edui-clearfix edui-default">
				<div unselectable="on" id="preview"
					class="edui-colorpicker-preview edui-default" style=""></div>
				<div unselectable="on" class="edui-colorpicker-nocolor edui-default"
					onclick="$EDITORUI[&quot;edui30&quot;]._onPickNoColor(event, this);">清空颜色</div>
			</div>
			<table id="colorpicker" class="edui-box edui-default"
				style="border-collapse: collapse;"
				cellspacing="0" cellpadding="0">
				<tbody class="edui-default">
					<tr
						style="border-bottom: 1px solid #ddd; font-size: 13px; line-height: 25px; color: #39C; padding-top: 2px"
						class="edui-default">
						<td colspan="10" class="edui-default">主题颜色</td>
					</tr>
					<tr class="edui-colorpicker-tablefirstrow edui-default">
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="ffffff" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#ffffff"
							style="background-color: #ffffff; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="000000" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#000000"
							style="background-color: #000000; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="eeece1" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#eeece1"
							style="background-color: #eeece1; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="1f497d" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#1f497d"
							style="background-color: #1f497d; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="4f81bd" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#4f81bd"
							style="background-color: #4f81bd; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="c0504d" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#c0504d"
							style="background-color: #c0504d; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="9bbb59" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#9bbb59"
							style="background-color: #9bbb59; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="8064a2" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#8064a2"
							style="background-color: #8064a2; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="4bacc6" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#4bacc6"
							style="background-color: #4bacc6; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="f79646" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#f79646"
							style="background-color: #f79646; border: solid #ccc; border-width: 1px;"></a></td>
					</tr>
					<tr class="edui-default">
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="f2f2f2" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#f2f2f2"
							style="background-color: #f2f2f2; border: solid #ccc; border-width: 1px 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="7f7f7f" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#7f7f7f"
							style="background-color: #7f7f7f; border: solid #ccc; border-width: 1px 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="ddd9c3" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#ddd9c3"
							style="background-color: #ddd9c3; border: solid #ccc; border-width: 1px 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="c6d9f0" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#c6d9f0"
							style="background-color: #c6d9f0; border: solid #ccc; border-width: 1px 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="dbe5f1" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#dbe5f1"
							style="background-color: #dbe5f1; border: solid #ccc; border-width: 1px 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="f2dcdb" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#f2dcdb"
							style="background-color: #f2dcdb; border: solid #ccc; border-width: 1px 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="ebf1dd" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#ebf1dd"
							style="background-color: #ebf1dd; border: solid #ccc; border-width: 1px 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="e5e0ec" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#e5e0ec"
							style="background-color: #e5e0ec; border: solid #ccc; border-width: 1px 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="dbeef3" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#dbeef3"
							style="background-color: #dbeef3; border: solid #ccc; border-width: 1px 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="fdeada" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#fdeada"
							style="background-color: #fdeada; border: solid #ccc; border-width: 1px 1px 0 1px;"></a></td>
					</tr>
					<tr class="edui-default">
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="d8d8d8" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#d8d8d8"
							style="background-color: #d8d8d8; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="595959" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#595959"
							style="background-color: #595959; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="c4bd97" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#c4bd97"
							style="background-color: #c4bd97; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="8db3e2" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#8db3e2"
							style="background-color: #8db3e2; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="b8cce4" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#b8cce4"
							style="background-color: #b8cce4; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="e5b9b7" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#e5b9b7"
							style="background-color: #e5b9b7; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="d7e3bc" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#d7e3bc"
							style="background-color: #d7e3bc; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="ccc1d9" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#ccc1d9"
							style="background-color: #ccc1d9; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="b7dde8" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#b7dde8"
							style="background-color: #b7dde8; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="fbd5b5" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#fbd5b5"
							style="background-color: #fbd5b5; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
					</tr>
					<tr class="edui-default">
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="bfbfbf" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#bfbfbf"
							style="background-color: #bfbfbf; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="3f3f3f" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#3f3f3f"
							style="background-color: #3f3f3f; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="938953" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#938953"
							style="background-color: #938953; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="548dd4" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#548dd4"
							style="background-color: #548dd4; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="95b3d7" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#95b3d7"
							style="background-color: #95b3d7; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="d99694" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#d99694"
							style="background-color: #d99694; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="c3d69b" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#c3d69b"
							style="background-color: #c3d69b; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="b2a2c7" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#b2a2c7"
							style="background-color: #b2a2c7; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="92cddc" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#92cddc"
							style="background-color: #92cddc; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="fac08f" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#fac08f"
							style="background-color: #fac08f; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
					</tr>
					<tr class="edui-default">
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="a5a5a5" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#a5a5a5"
							style="background-color: #a5a5a5; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="262626" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#262626"
							style="background-color: #262626; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="494429" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#494429"
							style="background-color: #494429; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="17365d" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#17365d"
							style="background-color: #17365d; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="366092" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#366092"
							style="background-color: #366092; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="953734" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#953734"
							style="background-color: #953734; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="76923c" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#76923c"
							style="background-color: #76923c; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="5f497a" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#5f497a"
							style="background-color: #5f497a; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="31859b" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#31859b"
							style="background-color: #31859b; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="e36c09" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#e36c09"
							style="background-color: #e36c09; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
					</tr>
					<tr class="edui-default">
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="7f7f7f" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#7f7f7f"
							style="background-color: #7f7f7f; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="0c0c0c" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#0c0c0c"
							style="background-color: #0c0c0c; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="1d1b10" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#1d1b10"
							style="background-color: #1d1b10; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="0f243e" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#0f243e"
							style="background-color: #0f243e; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="244061" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#244061"
							style="background-color: #244061; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="632423" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#632423"
							style="background-color: #632423; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="4f6128" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#4f6128"
							style="background-color: #4f6128; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="3f3151" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#3f3151"
							style="background-color: #3f3151; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="205867" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#205867"
							style="background-color: #205867; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="974806" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#974806"
							style="background-color: #974806; border: solid #ccc; border-width: 0 1px 0 1px;"></a></td>
					</tr>
					<tr
						style="border-bottom: 1px solid #ddd; font-size: 13px; line-height: 25px; color: #39C;"
						class="edui-default">
						<td colspan="10" class="edui-default">标准颜色</td>
					</tr>
					<tr class="edui-colorpicker-tablefirstrow edui-default">
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="c00000" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#c00000"
							style="background-color: #c00000; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="ff0000" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#ff0000"
							style="background-color: #ff0000; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="ffc000" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#ffc000"
							style="background-color: #ffc000; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="ffff00" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#ffff00"
							style="background-color: #ffff00; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="92d050" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#92d050"
							style="background-color: #92d050; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="00b050" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#00b050"
							style="background-color: #00b050; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="00b0f0" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#00b0f0"
							style="background-color: #00b0f0; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="0070c0" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#0070c0"
							style="background-color: #0070c0; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="002060" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#002060"
							style="background-color: #002060; border: solid #ccc; border-width: 1px;"></a></td>
						<td style="padding: 0 2px;" class="edui-default"><a
							hidefocus="" title="7030a0" onclick="return false;"
							href="javascript:" unselectable="on"
							class="edui-box edui-colorpicker-colorcell edui-default"
							data-color="#7030a0"
							style="background-color: #7030a0; border: solid #ccc; border-width: 1px;"></a></td>
					</tr>
					<tr class="edui-default"></tr>
				</tbody>
			</table>
		</div>
	</div>
<script type="text/javascript" > 
	$(function(){ 
		$("#colorpicker").on("click",function(evt){
			var tgt = evt.target || evt.srcElement;
            var color = tgt.getAttribute('data-color'); 
            if (color) {
            	$G('preview').style.backgroundColor = color; 
            } 
		}) ;
		
		dialog.onok = function () { 
            var color = $G('preview').style.backgroundColor; 
			var height = $G("lineHeight").value; 
			var hr = document.createElement("hr"); 
			if(color){
				hr.style.backgroundColor=color;
				hr.style.border="0";
			}
			if(height && height!="1"){ 
				hr.style.height=height+"px";
			} 
			editor.execCommand('inserthtml', hr.outerHTML);
			delete hr;
		}
	})
</script>
</body>
</html>